body{color: #333;}
section{padding:30px 0;}
.banner{width:100%;height:200px;background:url('../add/rollingform/banner.jpg') no-repeat top center;background-size:cover;padding:0;}
.opacity{width:100%;height:200px;background-color:rgba(0,0,0,.35);position: absolute;top:0;left:0;}
.banner h1{color:#fff;text-align: center;letter-spacing: 8px;margin-right: -17px;font-size:32px;margin-top: 30px;}
h3{border: 0 none;}
.table>thead>tr>th{background-color: #f5f5f5;text-align: center;border-bottom: 0 none;}
table img{margin: 0 auto;margin-bottom: 15px;margin-top: 10px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt-10{margin-top: -10px;}
.mt0{margin-top:0;}
.bgf2{background-color: #f2f2f2;}
.wrap3 img{margin-bottom: 10px;}
.as a, .as span{color: #000;font-size: 18px;}
.as a{color: rgba(0, 0, 0, .6);}
.as a:hover{color: #d10000;}
.as span{margin: 0 10px;}
.email{color: #d10000;text-decoration: none;}
.email:hover{color: #d10000;text-decoration: underline;}
p{font-size: 18px;}
.sidebar{border: 1px solid #ccc;background-color: #f5f5f5;padding: 10px;}
.sidebar ul{margin: 0;}
.sidebar a{color: #333;font-weight: normal;width: 100%;display: block;border: 1px solid transparent;}
.sidebar li:first-child a{color: #d10000;}
.sidebar a:hover{color: #d10000;}
.sidebar li{line-height: 32px;}
.sidebar p{margin-bottom: 5px;}
.position_relative{position: relative;}
ul, li{list-style: none;}
.dashed_li{border: 1px dashed #ccc;width: 100%;margin: 35px 0 10px 0;}
.wpb_text_column li{margin-bottom: 10px !important;}
.img_video video{width: 300px;}
section{padding: 30px 0;}
.wrap1 h1{margin-top: 0;}
.page-title-1{height: 150px;}
.video_words{font-size: 15px;}
.product_video video{width: 100%;}
.roll_bg{width: 100%;height: 205px;background: url('../add/rollingform/rolling_form_bg.jpg') no-repeat;background-size: cover;margin-bottom: 35px;}
.roll_bg .text-center{margin-bottom: 0;}
.roll_bg h4.text-center{color: #fff;font-size: 20px;margin-bottom: 10px;}
.other_videos{position: fixed;top: 422px;right: 50px;width: 300px;border: 2px solid #ccc;z-index: 10;padding: 10px;box-sizing: border-box;overflow: hidden;background-color: #fff;}
.other_videos video{width: 249px;margin-top: 10px;}
.other_videos img{width: 180px;}
.other_videos p{font-size: 15px;text-align: left;}
.wrap1{overflow: unset;}
.other_videos .img_video{text-align: center;}
.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.line{border: 1px dashed #ccc;}
.glyphicon{position: absolute;right: 5px;top: 5px;cursor: pointer;}
.glyphicon:hover{color: #d10000;}
.videos img{width: 150px;}
.span_img{display: block;width: 300px;text-align: center;}
.last-table tr td{text-align: center;}
.rollingform .last-table a:hover{color:#d10000;text-decoration: underline;}
.rollingform .last-table a img{transform:scale(1);transition:transform 0.3s linear;}
.rollingform .last-table a:hover>img{transform:scale(1.05);transition:transform 0.3s linear;}

@media screen and (min-width:768px){
  .rollingform .last-table video{width: 365px;height: 215px;overflow:hidden;}
}
 
@media screen and (max-width:768px){
  .sidebar{position: relative;top: 0;left: 0;padding: 5px;}
  .sidebar ul{overflow: hidden;}
  .sidebar li{float: left;width: 50%;}
  .sidebar .dashed_li{width: 100%;}
  .other_videos{position: relative;top: 0;right: 0;margin-top: 20px;}
  .wrap1 table{width: 100%;}
  .other_videos{width: 100%;}
  .other_videos video{width: 100%;}
  .other_videos img{max-width: 100%;width: auto;}
  .wrap1 h1{margin-top: 10px;}
  b{font-weight: 700;}
  .banner h1{font-size: 20px;}
  .roll_bg{height: 249px;background-size: cover;}
  .roll_bg h4.text-center,.as a{font-size:16px;line-height: 25px;}
}


 
  .wb-banner {width: 100%;background: url(../add/rollingform/cold-drawn-steel.jpg) no-repeat center center;height: 300px;margin-top: 20px;}
  .weibu p {text-align:center;font-size: 16px;padding-top: 20px;padding-bottom:20px；line-height: 5px;}
  .setion .title{ font-size:35px; text-align:center; margin-bottom:40px; font-weight:bold;padding-top:80px;}
  .new_li .sub{ text-align: center; margin: 5% auto 3%; font-size: 16px; font-weight: bold; }
  .new_lii .sub{ text-align: center; margin: 1% auto 3%; font-size: 18px; font-weight: bold; }
  .new_lii p{ text-align: center; margin: 1% auto 3%; font-size: 16px; }
  .new_li .desc{ text-align: left; padding:0 20px;  line-height: 20px;font-size: 16px;}
  .new_ul .new_li{ width: 25%; float: left;text-align: center; margin: 0 auto;padding-top: 10px; }
  .new_ul .new_lii{ width: 33%; float: left;text-align: center; margin: 0 auto;padding-top: 10px; }
  .setion .title{ font-size:40px; text-align:center; margin-bottom:40px; font-weight:bold;}

  .old3 .list .name{ font-size:18px; line-height:30px;}
  .old3 .list .name font{ color:#d10000; margin-right:10px;font-weight:bold;}
  .old3 .list .con{ font-size:16px; line-height:24px; color:#666; overflow:hidden; margin-bottom:15px;}
  .old3 .swiper-pagination-bullet{ background:#fff; opacity:1;}
  .old3 .swiper-pagination-bullet-active{ background:#d10000;}

.index4_title{ text-align: center; font-size: 30px; line-height: 40px; width: 80%; margin: 0 auto 30px;font-weight:bold; padding-top: 50px;}
.index4_part3{padding: 50px 0;}
.index4_part3 img{  margin-right: 20px; text-align: center;float: left;}
.index4_part3 .row>div{ margin-bottom: 18px; height: 58px; }
.index4_part3 p{  padding-top: 8px; font-size: 16px; line-height: 22px;}
.index4_p3 p{margin-top: 10px;}
.index4_part3 row {padding-top: 8px; font-size: 16px; line-height: 22px;}

.weui-f16{font-size:21px;}
.weui-c_9{color:#999;}

.pic2text  {padding-top: 50px;padding-bottom: 0px;}

.pic2text p  {text-align:center;font-size: 22px;padding-top: 10px;padding-bottom:20px；line-height: 5px;}
  
.col-xs-12 b{text-align:center; font-size:25px; margin-bottom:40px; font-weight:bold;line-height: 30px;}

.pic2 {text-align:center;padding-top: 50px;padding-bottom:10px;}









img1{border:0;vertical-align:middle;}